/* start generic selector styles */
body {
	font-size: 100%;
    margin: 0 0 0 0;
	background-color: #fff;
	font-family: Verdana, helvetica, Sans-Serif;
}
html>body {
	/*font-size: 1em;*/
	overflow-y: scroll;
}
a {
	text-decoration: none;
	color: #1558c3;
}
a:hover {
	color: #000;
	background-color: #fef4bb;
	cursor: pointer;
	cursor: hand;
    text-decoration: none;	
}
a:focus,
a.no-hover:hover {
     background-color: transparent;
	 color: #000;
}
img {
	border-width: 0;
}
hr {
	height: 1px; 
	color: #cccfd3; 
	border: none; 
}
html>body hr {
	height: 1px; 
	background-color: #cccfd3; 
	border: 0px solid #cccfd3;
}
p,
em,
td, 
th, 
caption, 
li,
label,
dd,
dt,
address {
	font-size: 70%;
    line-height: 1.4;
}

/* end generic selector styles */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.content {
	font-size: 70%;
}
.content a,
.content p,
.content b,
.content em,
.content td, 
.content th, 
.content caption, 
.content li,
.content label,
.content strong,
.content dd,
.content dt,
.content span {
	font-size: 100%;
}
.floated-r {
    float: right;
}
.floated-l {
    float: left;
}
.r-align {
	text-align: right;
}
.l-align {
	text-align: left;
}
.mnu {
	border: 1px solid #b3c4e0;
	background: url(/images/tiler_gradient_blue_lt.gif) repeat-x 0 0 #fff;
	position: absolute;
}
.icon-answers {
	background-image: url(/images/icon_answers.gif);
}
.testimonial {   
    text-align: center;
    width: 760px;
    margin: 0 auto;
}
.testimonial p {
    width: auto;
    text-align: left;
	margin: 0;
	padding: 1em 0;
    color: #666;
	line-height: 1.2em;
    font-size: 100%;
}
.testimonial strong {
    display: block;
    color: #666;
    margin-bottom: .5em;
}
.testimonial em {
	line-height: 2em;
    font-size: 70%;
	font-style: normal;
}

/*** start form styles ***/
input.dingbat-icon {
	vertical-align: middle;
	margin-right: 1em;
}
img.dingbat-icon {
	margin-right: 3px;
	vertical-align: middle;	
}
.box,
.box-sm,
.box-var {
	width: 151px;
	font-size: 100%;
	font-family: Verdana, Geneva, Sans-serif;
}
.box-var {
    width: auto;
}
#wrapper {
	min-width: 953px;
}

/*** suppresses outline for graphical headers ***/
h2 a,
h3 a {
    outline-style: none;
}

/*** catch-all for all H2s/H3s w/ links to prevent background hover ***/
h2 a:hover, 
h3 a:hover,
h2 a:focus,
h3 a:focus {
	background-color: transparent;
}
td.centered, 
th.centered {
	text-align: center;
}
div.clear {
	float: none;
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.c-align {
	text-align: center;
}
.t-align {
	vertical-align: top;
}
.dingbat {
	padding-left: 21px;
	background-repeat: no-repeat;
}
.patient {
    background: url(/images/icon_patient.gif) no-repeat 0 0;
}
/*** generic helptext ***/
.helptext {
	text-decoration: none;
	color: #666;
}
.fineprint {
	font-family: Arial, Helvetica, Sans-Serif;
}

/*** notification styles ***/
.notification {
	border-style: solid;
	border-width: 2px 0;
	margin: 13px 0;
	padding: 6px 4px 4px 37px;
	font-size: 100%;
	min-height: 19px;
	font-weight: bold;
	line-height: 1.4;
}
.notification strong {	
	font-size: 100%;
}
.notification p {
	margin-top: 0;
}
.notification h3 {	
	margin: 0 0 .5em 0;
	font-size: 150%;
}
.error {
	background: url(/images/icon_error.gif) no-repeat 9px 4px #f7e5e5;
	/*color: #b00404;*/
	border-color: #b00404;
}
.confirmed {
	background: url(/images/icon_confirmed.gif) no-repeat 9px 4px #e1efd8;
	/*color: #399803;*/
	border-color: #399803;
}
.warning {
	background: url(/images/icon_warning_md.gif) no-repeat 9px 4px #fde78c;
	/*color: #c49212;*/
	border-color: #c49212;
}
.info {
	background: url(/images/icon_info_md.gif) no-repeat 9px 4px #e7eaf5;
	/*color: #0c0c71;*/
	border-color: #0c0c71;
	font-weight: normal;
}
.helpful {
	background: url(/images/icon_tip_bulb.png) no-repeat 9px 1px #fffadc;
	border-color: #fbd44a;
    font-weight: normal
}
p.helpful {
	padding-left: 35px;
	background-color: inherit;
	min-height: 3em;
	margin: 0 0 0 0;
}
.results {
	background: url(/images/icon_search_results.gif) no-repeat 9px 0;
	font-weight: normal;
	border-width: 0 0 0 0;
	padding: 0px 4px 2px 37px;
}
.results .desc {
	margin-right: 360px;
}
.occluded {
	opacity: 0.3;
	-moz-opacity: 0.3;
}

/*** layout template elements ***/
.welcome-page h1 a,
.secure-page #open-nav h1 a {
    width: 282px;
    height: 44px;
    background: url(/images/logo_plm_lg.gif) no-repeat 0 0;
    text-indent: -800em;
    display: block;
}
.welcome-page h1 a:hover,
.secure-page #open-nav h1 a:hover {
    background-color: transparent;
}
#lnk-admin {
    width: 50px;
    height: 50px;
    background: url(/images/admin_button_sm.png) no-repeat 0 0;
    display: block;
    position: absolute;
    top: 0;
    right: .2em; 
    z-index: 100;
    text-indent: -800em;
}
#disease-title {
    display: none;
}
.secure-page #disease-title {
    margin: 27px 0 0 7px;
    display: inline;
}
#disease-title:hover {
    background-color: transparent;
}
#swirl {
    z-index: 5000;
    text-align: center;
    border: 1px solid #cc9933;
    padding: 10px 10px 10px 26px;
    background: url(/images/indicator.gif) no-repeat 5px 50% #fff9d5;
}
html>body #swirl {
	position: fixed;
	top: 0;
	right: 0;
}

/*** header & breadcrumb styles ***/
#header {	
	border-bottom: 1px solid #cccfd3;
	float: none;
    clear: both;
    margin: 0 0 0 0;
	width: 100%;
}
#header h2 {
    font-family: Verdana, Geneva, Sans-serif;
	font-size: 110%;
	margin: 4px 0 4px 3px;
	padding: 0 0 0 7px;
	width: 49%;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#crumbs {
	/*margin-left: 51%;*/
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 70%;
	padding: 7px 0 0 0;
	width: 49%;
}

/*** footer style ***/
#footer {
	clear: both;
	background: url(/images/footer_logo.gif) no-repeat 8px 9px;
	border-top: 1px solid #c2d3ee;
	height: 33px;
	padding-left: 118px;
	font-size: 70%;
	padding-top: 10px;
	display: block;
	float: none;
	color: #666;
	margin-top: 20px;
}
#footer span {
	display: block;
	float: left;
	clear: none;
	white-space: nowrap;
}
#footer .pipe {
	background-image: url(/images/tiler_h_divider.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 8px;
}
#footer a {
	display: block;
	float: left;
	clear: none;
	margin: 0 5px 0 8px;
}
#footer p {
    font-size: 100%;
    margin-top: .5em;
}

/*** public sub nav ***/
#sub-nav-public {
	clear: both;
	background-color: #E6F0FF;
    margin: 0;
	border-bottom: 1px solid #b3c4e0;
	/*height: 32px;*/
	vertical-align: middle;
	padding: 0;
    min-width: 991px;
}
#sub-nav-public li {
	float: left;
	margin: 0;
	padding: 0;
    white-space: nowrap;
	list-style-type: none;
    background: url(/images/tiler_h_divider.gif) no-repeat 0 50%;
    position: relative;
    z-index: 10;
}
.welcome-page #sub-nav-public {
    min-width: 767px;
}
/*** hide first pipe on nav selectively ***/
.welcome-page #sub-nav-public #sub-patients,
.public-page #sub-nav-public #sub-patients,
.secure-page #sub-nav-public #sub-home {
    background-image: none;
}
#sub-nav-public #sub-home a {
    background: url(/images/icon_home.png) no-repeat 17px 50%;
    padding-left: 0;
    text-indent: -800em;
    padding-right: 0;
    width: 45px;
    overflow: hidden;
}
#sub-nav-public #sub-my-profile a {
    background: url(/images/icon_add_experience.gif) no-repeat 9px 50%;
    padding-left: 42px;
}
#sub-nav-public #sub-patients a {
    background: url(/images/icon_patients.gif) no-repeat 9px 50%;
    padding-left: 42px;
}
#sub-nav-public #sub-forum a {
    background: url(/images/icon_forums.png) no-repeat 9px 50%;
    padding-left: 42px;
}
#sub-nav-public #sub-treatments a {
    background: url(/images/icon_pill_bottle.png) no-repeat 9px 50%;
    padding-left: 27px;
}
#sub-nav-public #sub-symptoms a {
    background: url(/images/icon_symptoms_mini.png) no-repeat 9px 50%;
    padding-left: 32px;
}
#sub-nav-public #sub-research a {
    background: url(/images/icon_research_mini.png) no-repeat 9px 50%;
    padding-left: 27px;
}
#sub-nav-public a {
	float: left;
	display: block;
    padding: .7em 1em .7em .75em;
	font-size: 11px;
	font-family: Verdana, Geneva, Sans-serif;
	text-decoration: none;
	color: #1558c3;
	width: 1px;
	white-space: nowrap;
    z-index: 5;
    position: relative;
}
/* hide from IE */
html>body #sub-nav-public a {
	width: auto;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#sub-nav-public a {
	float: none;
}
/* End IE5-Mac hack */

#sub-nav-public #sub-home a:hover,
#sub-nav-public #sub-my-profile a:hover,
#sub-nav-public #sub-patients a:hover,
#sub-nav-public #sub-forum a:hover,
#sub-nav-public #sub-treatments a:hover,
#sub-nav-public #sub-symptoms a:hover,
#sub-nav-public #sub-research a:hover {
    background-color: #a2c5fb;
    color: #000;
}
/*** start yah rules ***/
#sub-nav-public li.yah {
    background: none;
}
#sub-nav-public li.yah a {
    color: #000;
	font-weight: bold;
}
#sub-nav-public li.yah span {
    display: block;
    z-index: 1;
    position: absolute;
    top: -2px;
    left: 0;
    background: url(/images/tab_main_yah.png) no-repeat 0 0;
    width: 100%;
    height: 3.05em;
}
#sub-nav-public li.yah span em {
    width: 3px;
    height: 3.05em;
    text-indent: -800em;
    overflow: hidden;
    float: right;
    background: url(/images/tab_main_yah.png) no-repeat 100% 0;
    position: relative;
    left: 2px;
    font-size: 100%;
}
#sub-nav-public li.yah a:hover {
    background-color: transparent;
}
/*** end yah rules ***/                

#sub-nav-public #public-search {
    float: right;
    position: static;
}
#sub-nav-public li form {
    margin-top: .6em;
    margin-bottom: 0;
}
#sub-nav-public #lnk-help {	
    float: right;
	background-image: none;
	margin-left: 4px;
	margin-right: 1px;
}
#sub-nav-public #lnk-help a {
	float: left;
	padding-left: 6px;
	padding-right: 6px;
}
#sub-nav-public #lnk-help a:hover {
    color: #000;
	background-color: transparent;
}
#sub-nav-public #lnk-help a.last {
	background-image: url(/images/tiler_h_divider.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#sub-nav-public #lnk-help a.yah {
	font-weight: bold;
	color: #000;
}
#frm-search {
    display: inline;
    float: left;
    position: relative;
    z-index: 10;
    margin-top: 3px;
}
.box-search,
.box-search-lg {
    border: medium none;
    height: 19px;
    /*width: 140px;*/
	width: 159px;
    line-height: 19px;
    background: transparent none repeat scroll 0%;
    /*padding-left: 22px;*/
	padding-left: 3px;
    padding-top: 4px;
    position: relative;
    z-index: 5;
    font-size: 10px;
    vertical-align: top;
}
.box-search-lg {
    width: 300px;
}
.acc-lbl,
.acc-lbl-on {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -800em;
    width: 162px;
    height: 19px;
    text-align: left;
    z-index: 1;
}
.btn-main {
    vertical-align: top;
    /*position: relative;
    top: 4px;*/
}

/*** btn styles ***/ 
.btn {
    font-family: Verdana, Geneva, Sans-serif;
    font-weight: bold;
    background: url(/images/tiler_btn_face.gif) repeat-x 0 0 #ffefb9; 
    border: 1px solid #d2912a;
    height: 22px;
}
.btn:hover {
	background-color: #ffefb9;
	background-image: none;
}
.btn-array {
	margin-top: 15px;
}
.btn-array .btn {
    font-size: 100%;
}
.v2 {
	border-top: 2px solid #5a9bdf;
	padding-top: 1.2em;
}

/*** DL based vertical forms ***/
dl.v-form {
    position: relative;
}
dl.v-form dt,
dl.v-form dd {
    margin: 0 0 0 0;
    font-size: 100%;
    font-weight: normal;
}
dl.v-form dd span {
    font-size: 70%;
}
dl.v-form dd span a {
    font-size: 100%;
}
dl.v-form dd.btn-array {
    margin-top: 1.5em;
}
dl.v-form dd.btn-array .btn {
    font-size: 70%;
}
dl.v-form dd a {
    font-size: 70%;
}
dl.v-form dd .box,
dl.v-form dd .box-md,
dl.v-form dd .box-sm,
dl.v-form dd .box-var,
dl.v-form dd .box-lg
dl.v-form dd select {
    font-size: 70%;
}
dl.v-form .box {
	font-size: 70%;
	width: 200px;
}
dl.v-form .indent {
    padding-left: 30px;
    background: url(/images/dot_bracket.png) no-repeat 0 100%;
}
dl.v-form .indent-double {
    padding-left: 60px;
    background: url(/images/dot_bracket.png) no-repeat 30px 100%;
}
dl.v-form .last-row {
    background-image: url(/images/dot_bracket_last.png);
}
dl.v-form dt.title {
    font-size: 70%;
    font-weight: bold;
    border-top: 1px solid #cccfd3;
    padding: .5em 0;
}
dl.v-form dt.first {
    border-width: 0;
    padding: 0 0 .5em 0;
}
dl.v-form span.b-q {
    color: #666;
    padding: .5em 0 0 2.4em;
    display: block;
}
dl.v-form label.lbl-blk {
    display: block;
    margin: .2em 0;
    height: 1%;
}
dl.v-form small {
	font-size: 65%;
}

/*** gradient styles ***/
.box-gradient {
    background-image: url(/images/tiler_gradient_blue_lt.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
    padding: 0 0 10px 0;
}
.box-gradient p.p-lg {
	font-size: 80%;
}

.box-gradient h2 {	
	text-indent: -700em;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 0;
}
.box-gradient h2 a {
	text-decoration: none;
	height: 37px;
	width: 161px;
	display: block;
}

.box-gradient p {
    margin: -8px 0 0 70px;
}
.gradient-yellow {
	background: url(/images/tiler_gradient_yellow_tb.png) repeat-x;
	padding: .75em;
}
.gradient-list {
	background-position: 0 0;
	margin-top: 6px;
	padding: 13px 28px 13px 13px;
	background-image: url(/images/tiler_gradient_blue_lt.gif);
}
.gradient-list p {
	margin: 0 0 1em 0;
	font-size: 80%;
	line-height: 1.3;
}
.gradient-list .txt-normal {
    font-size: 70%;
}
.gradient-list .right {
	border-left: 1px solid #b0c2e0;
	padding: 0 0 0 10px;
}
.gradient-list .right .fineprint {
    font-size: 70%;
    display: block;
    margin-top: 4px;    
}
.gradient-list dl {
	margin: 0;
	padding: 0;
}
.gradient-list dt {
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 1em;
}
.gradient-list .checklist dd,
.check-list li {
	margin: 0 0 1em 0;
	padding-left: 25px;
	background: url(/images/icon_checkmark.gif) no-repeat 0 2px;
	min-height: 14px;
}
.check-list {
	margin-left: 0;
	padding-left: 0;	
}
.check-list li {
	list-style-type: none;
}

/*** moved to _tabs.css ***/
/*** tab styles ***/
.tab-strip {
	float: left;
	width: 100%;
	background: url(/images/tab_bg.gif) repeat-x bottom #fff;
	line-height: normal;
	position: relative;
}
.tab-strip ul {
	margin: 0;
	padding: 0 0 0 0;
}
.tab-strip li {
	float: left;
	background: url(/images/tab_left.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	list-style-type: none;
}
.tab-strip a {
	float: left;
	display: block;
	background: url(/images/tab_right.gif) no-repeat right top;
	padding: 5px 25px 4px 7px;
	text-decoration: none;
	/*font-weight: bold;*/
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
.tab-strip a {
	float: none;
}
/* End IE5-Mac hack */

.tab-strip a:hover {
	color: #000;
}
.tab-strip a span {
	font-weight: normal;
	color: #8d8f93;
}
.tab-strip .yah {
	background-image: url(/images/tab_left_hl.gif);
}
.tab-strip .yah a {
	background-image: url(/images/tab_right_hl.gif);
	color: #333;
	padding-bottom: 5px;
	outline-width: 0;
	font-weight: bold;
}
.tab-strip span.forum-indicator {
    width: 19px;
    height: 16px;
    display: block;
    float: left;
    background-position: 0 -4px;
    background-repeat: no-repeat;
}

/*** blue tabs ***/
.tab-blue {
    /*position: relative;*/
    top: 1px;
    /*z-index: 100;*/
}
.tab-blue li {
	background: url(/images/tab_left_hl.gif) no-repeat left top;
}    
.tab-blue a {
	background: url(/images/tab_right_hl.gif) no-repeat right top;
}
.tab-blue .yah {
	background-image: url(/images/tab_left_blue.gif);
}
.tab-blue .yah a {
	background-image: url(/images/tab_right_blue.gif);
}
.tab-strip a.r-button {
	background: none;
	float: none;
	padding: 0 0 0 0;
	position: absolute;
	top: -6px;
	right: 0;
}

/*** inverted tabs ***/
.tab-inverted {
	margin-top: 0;
}
.tab-inverted label {
	padding: 4px 5px;
	color: #666;
	font-weight: bold;
	font-size: 70%;
	float: right;
}
.tab-inverted ul {
	margin: 0;
	padding: 0 0 0 0;
	text-align: right;
}
.tab-inverted li {
	float: left;
	margin: 0;
	padding: 0 0 0 0;
	list-style-type: none;
	border-left: 1px solid #B2B2B2;
	position: relative;
	top: -1px;
}
.tab-inverted li.first {
	border-left: 0;
}
.tab-inverted li.yah {
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #E6E6E6 #B2B2B2 #B2B2B2 #B2B2B2;
	left: 1px;
}
.tab-inverted li.yah a {
	color: #000;
	font-weight: bold;
}
.tab-inverted a {
	float: left;
	display: block;
	padding: 3px 7px;
	text-decoration: none;
}
.tab-inverted a:focus,
.tab-inverted a:hover {
	background-color: transparent;
}
/*** _tabs.css - end ***/

.sprites {
	background-image: url(/images/sprites_alpha.png);
	background-repeat: no-repeat;
}

/*** sprite icons ***/
.ic b {
	padding-left: 20px;
	background: url(/images/sprites_icons.png) no-repeat 0 0;
}
.icon-clipboard b {
	background-position: 0 -613px;
}
span.ic {
	display: block;
	float: left;
	margin-right: 2px;
	width: 20px;
	height: 20px;
}
span.icon-aids-ribbon {
	background: url(/images/sprites_hiv_nugget.png) no-repeat 0 0;
	background-position: -152px 0;
	height: 19px;
	width: 26px;
}
.icon-checkmark b {
	background-position: 0 -310px;
}
.icon-clock b {
	background-position: 0 -281px;
}

/*** sliding doors buttons ***/
.call-to-action {
	float: left;
}
button,
.call-to-action {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0; 
	cursor: pointer; 
	font-weight: bold; 
	padding: 0 10px 0 0; 
	text-align: center; 
	background: url(/images/slide_button_rhs.png) right no-repeat;
	color: #30353c;
	margin-right: 1em;
	/*margin-top: -5px;*/
	vertical-align: middle;
}
button span,
.call-to-action span {
	position: relative; 
	display: block; 
	white-space: nowrap; 
	padding: 0 0 0 10px; 
	height: 27px; 
	background: url(/images/slide_button_lhs.png) left no-repeat;
	min-width: 3.3em;
}
button span b,
.call-to-action span b {
	display: block;
	height: 25px;
	/*padding-top: 5px;*/
	line-height: 2.2em;
}
button:hover,
.call-to-action:hover,
.button-on {
	background-image: url(/images/slide_button_rhs_on.png);
}
button:hover span,
.call-to-action:hover span,
.button-span-on {
	background-image: url(/images/slide_button_lhs_on.png);
}
button:focus,
button:focus span,
.call-to-action:focus,
.call-to-action:focus span {
	outline-width: 0;
}
.v-form button,
.v-form .call-to-action {
	font-size: 100%;
}
/* Opera hack for disappearing bg + IE6 hack */
html:first-child button span,
* html button span {
	position: static;
}
html:first-child button {
	min-width: 4em;
}

/*** NOTE: these dupe-safari rules need to be the last items on the stylesheet - note # sign ***/
label u {
    text-decoration: none;
}
label[for] {cursor: pointer;#}
label[for]:hover {
    text-decoration: underline;
}
label span,
label u {text-decoration: underline;}
#frm-search input.box {
    font-size: 11px;
}
.acc-lbl,
.acc-lbl-on {
    background: url(/images/fld_main_search.png) no-repeat 0 0 #fff;
}
.acc-lbl-on {
    background-position: 0 -41px;
}
